<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
	  <meta http-equiv="cache-control" content="no-cache">
	  <meta http-equiv="expires" content="0">    
	  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	  <meta http-equiv="description" content="This is my page">
   
    <script src="/js/vue.min.js"></script>
    <script src="/js/httpVueLoader.js"></script><!-- 引入 http-vue-loader -->   
    <script type="text/javascript" src="/js/axios.min.js"></script>

    <link href="/css/front.css" rel="stylesheet">
    
</head>

<body>
<div id="app">
<my-header></my-header> 


<article> 
  <!--左侧-->
  <div class="lbox"> 
    
    
    <!-- 444 -->
    <div class="zhuanti whitebg"  style="margin-top: 12px;">
      <!-- <h2 class="htitle"><span class="hnav"></span>新闻动态</h2> -->
      <div>
          <TABLE class=main border=0 cellSpacing=0 cellPadding=0 height=115 style="margin-top: 10px;margin-left: 10px;">
					              <TR>
					                  <td align="left" valign="top">
					                      <fieldset style="border:1px solid  #CCCCCC;"><legend class="fieldtitle"></legend>
												<table class="bill" width="99%">
												    <tr>
												        <td><img :src="renyuan.fujian" alt="" width="200" height="230" style="border:1px solid  #CCCCCC;"/></td>
												    </tr>
												</table>
										  </fieldset>
					                  </td>
					                  <td>&nbsp;&nbsp;&nbsp;</td>
					                  <td align="left" valign="top">
					                      <fieldset style="border:1px solid  #CCCCCC;width: 630px;"><legend class="fieldtitle"></legend>
												<table class="bill" width="99%" cellspacing="12">
												    <tr>
												        <td>姓名：{{renyuan.xingming}}</td>
												    </tr>
												    <tr>
												        <td>性别：{{renyuan.xingbie}}</td>
                                                    </tr>
                                                    <tr>
												        <td>救助次数：{{renyuan.nianling}}</td>
                                                    </tr>
<!--                                                    <tr>-->
<!--												        <td>地址：{{renyuan.dizhi}}</td>-->
<!--                                                    </tr>-->
<!--                                                    <tr>-->
<!--												        <td>联系电话：{{renyuan.dianhua}}</td>-->
<!--                                                    </tr>-->
                                                    <tr>
												        <td class="break-by-char">详细事迹：{{renyuan.youxiang}}</td>
                                                    </tr>
<!--												    <tr>-->
<!--												        <td>加入时间：{{renyuan.shijian}}</td>-->
<!--												    </tr>-->
												</table>
										  </fieldset>
					                  </td>
					              </TR>
				              </TABLE>
      </div>
    </div>
    <!-- 444 -->
    
    
    
    
    
    
    
    
    
    <!-- <div class="ad whitebg"> <img src="./images/longad.jpg"> </div> -->
  </div>
  <!--左侧-->
  
  
  
  
  
  
  
  
  <!--右侧-->
  <div class="rbox">
      <my-right></my-right>
  </div>
  <!--右侧-->
  
  
</article>



<my-foot></my-foot>



    
</div>


<script>

    function getUrlParam(name) 
    {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]); return null; //返回参数值
    }

    new Vue({
        el: '#app',
        data: 
		{
			renyuan:{

            }
		},
        
        methods: 
		{
			getData()
			{
                axios({
						method: 'POST',
						url: '/renyuanDetailQian',
						params:{
							id:getUrlParam('id'),
						}
						}).then(data => {
							if (data.data.state == 66)
							{
								this.renyuan=data.data.data;
							} 
						    
						}).catch(error => {
							alert(error);
			    })
            },

      },
        
     created()
     {
        this.getData();
     },

       
     
     components: {
            'my-header': httpVueLoader('/components/my-header.vue'),
            'my-foot': httpVueLoader('/components/my-foot.vue'),
            'my-right': httpVueLoader('/components/my-right.vue'),
        }
    })
</script>
<style>
	.layui-table td {
		white-space: normal;
		overflow-wrap: break-word;
	}
	.break-by-char {
		word-break: break-all;
	}
</style>
</body>

</html>